<!DOCTYPE HTML>
<html>
<head>
	<title>Inalta | Ingeniería de Software</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="description" content="Inalta es una empresa dedicada al desarrollo de software." />
	<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link rel="stylesheet" type="text/css" href="css/imgeffect.css" />
	<script src="js/jquery.min.js"></script>
	<!-- start gallery Script -->
	<script type="text/javascript" src="js/jquery.easing.min.js"></script>	
	<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
	<script type="text/javascript">
	$(function () {	
		var filterList = {		
			init: function () {
			
				// MixItUp plugin
				// http://mixitup.io
				$('#portfoliolist').mixitup({
					targetSelector: '.portfolio',
					filterSelector: '.filter',
					effects: ['fade'],
					easing: 'snap',
					// call the hover effect
					onMixEnd: filterList.hoverEffect()
				});				
			
			},
			
			hoverEffect: function () {
			
				// Simple parallax effect
				$('#portfoliolist .portfolio').hover(
					function () {
						$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
						$(this).find('img').stop().animate({top: 0}, 500, 'easeOutQuad');				
					},
					function () {
						$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeInQuad');
						$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');								
					}		
				);				
			
			}

		};
		
		// Run the show!
		filterList.init();
	});	
	</script>
	<!-- Add fancyBox main JS and CSS files -->
	<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
	<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
	<script>
		$(document).ready(function() {
			$('.popup-with-zoom-anim').magnificPopup({
				type: 'inline',
				fixedContentPos: false,
				fixedBgPos: true,
				overflowY: 'auto',
				closeBtnInside: true,
				preloader: false,
				midClick: true,
				removalDelay: 300,
				mainClass: 'my-mfp-zoom-in'
		});
	});
	</script>
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script src="http://html5form.googlecode.com/svn/trunk/jquery.html5form-1.5-min.js"></script>
	<!-- end gallery -->
				
   	<script src="http://html5form.googlecode.com/svn/trunk/jquery.html5form-1.5-min.js"></script>
   	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});

			$('#form_contacto').html5form({
				messages : 'es',
				responseDiv : '#resultado_envio'
			});
		});
	</script>

	<link rel="Shortcut Icon" href="images/icono.ico" />
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>

<body>
	<!--start-header -->
	<header>
		<div class="header_bg">
			<div class="wrap">
				<div class="header">
					<!--start-logo -->
					<div class="logo">
						<a href="index.php">
							<figure figcaption="Inalta. Imagen del nombre de la empresa"><img src="images/logo_grande.png" alt="Inalta. Imagen del nombre de la empresa" /></figure>
						</a>
					</div>	
					<!---end-logo-->
					<!--start-nav-->
					<nav>
						<div class="nav">
							<ul>
							   <li class="active"><a href="#home" class="scroll">Inicio</a></li>
							   <li><a href="#servicios" class="scroll">Servicios</a></li>
							   <li><a href="#about" class="scroll">Empresa</a></li>
							   <li><a href="#contact" class="scroll">Contacto</a></li>
							 <div class="clear"></div>
							 </ul>
						</div>
					</nav>
					<!--end-nav-->
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</header>
	<!--end-header-->
	<!-- start slider -->
	<div class="slider_bg">
		<div class="wrap">
			<!--start-da-slider-->
			<div class="da-slide">
				<h2>Inalta</h2>
				<h3>Ingenier&iacute;a de Software</h3>
				<p>Somos una empresa dedicada al desarrollo de software, conformada por j&oacute;venes profesionales apasionados por lo que 
					hacemos. </br>Nuestro objetivo es brindar soluciones &oacute;ptimas y adecuadas que permitan a nuestros clientes incrementar 
					su competitividad y diferenciarse.</p>
				<p>Bienvenido a nuestra p&aacute;gina, ¡te invitamos a recorrerla y conocernos!</p>

				<a href="#servicios" class="scroll"><span class="da-img"> </span> </a>
			</div>
			<!--End-da-slider-->
		</div>
	</div>
	<!--end-slider-->
	<!--start servicios-->
	<div class="wrap" id="servicios">
		<div class="main">
			<!-- start gallery  -->
			<div class="gallery1">
				<!--start-mfp -->	
				<div id="construccion" class="mfp-hide small-dialog1">
					<div class="pop_up">
						<h2>Desarrollo de Software</h2>
						<img src="images/construccion.png" alt="Desarrollo y construcci&oacute;n de Software"/>
						<p class="para">Desarrollo y construcci&oacute;n de sistemas de software a medida, acorde a las necesidades del cliente. 
							</br>An&aacute;lisis de requerimientos, definici&oacute;n y diseño de alternativas en b&uacute;squeda de soluciones &oacute;ptimas
							que resulten en la satisfacci&oacute;n del cliente.
							</br>Utilizamos metodolog&iacute;as y pr&aacute;cticas adecuadas al contexto del proyecto y cliente, haciendo &eacute;nfasis en la
							mejora continua. Proponemos el uso de procesos iterativos e incrementales, cumpliendo con entregas peri&oacute;dicas para que el 
							cliente pueda medir el avance y ser parte activa del equipo de trabajo.
						</p>
					</div>
				</div>

				<div id="desarrollo-web" class="mfp-hide small-dialog1">
					<div class="pop_up">
						<h2>Desarrollo Web</h2>
						<img src="images/nube.png" alt="Desarrollo y construcci&oacute;n de p&aacute;ginas y sitios Web"/>
						<p class="para">Diseño, desarrollo y construcci&oacute;n de p&aacute;ginas y sitios Web responsivos. 
							</br>P&aacute;ginas institucionales, soluciones e-commerce, sitios de gesti&oacute;n de contenido, sitios web a medida.
							</br>An&aacute;lisis de requerimientos, definici&oacute;n y diseño de alternativas en b&uacute;squeda de soluciones &oacute;ptimas
							que resulten en la satisfacci&oacute;n del cliente.
							</br>Utilizamos metodolog&iacute;as y pr&aacute;cticas adecuadas al contexto del proyecto y cliente, haciendo &eacute;nfasis en la
							mejora continua. Proponemos el uso de procesos iterativos e incrementales, cumpliendo con entregas peri&oacute;dicas para que el 
							cliente pueda medir el avance y ser parte activa del equipo de trabajo.
						</p>
					</div>
				</div>

				<div id="bintelligence" class="mfp-hide  small-dialog1">
					<div class="pop_up">
						<h2>Business Intelligence</h2>
						<img src="images/bintelligence.png" alt="Business Intelligence"/>
						<p class="para">Business Intelligence es la habilidad para transformar datos en informaci&oacute;n e informaci&oacute;n en conocimiento, 
							con el objetivo de optimizar el proceso de toma de decisiones en una empresa.
							</br>Ofrecemos un conjunto de tecnolog&iacute;as y herramientas que permiten reunir, depurar y transformar datos de sus sistemas en informaci&oacute;n estructurada, 
							para su explotaci&oacute;n directa o para su an&aacute;lisis y conversi&oacute;n en conocimiento, dando as&iacute; soporte a la toma de decisiones sobre el negocio.
							</br>La inteligencia de negocio act&uacute;a como factor estrat&eacute;gico para una empresa u organizaci&oacute;n, generando una potencial ventaja competitiva ante la 
							posibilidad de obtener informaci&oacute;n privilegiada para responder a cuestiones cr&iacute;ticas de negocio.
						</p>
					</div>
				</div>

				<div id="hosting" class="mfp-hide small-dialog1">
					<div class="pop_up">
						<h2>Servicios de Hosting y Dominio</h2>
						<img src="images/hosting.png" alt="Servicios de Hosting y Dominio"/>
						<p class="para">Para tener una p&aacute;gina web y que otros puedan visitarla, se requiere publicarla o subir los archivos de la misma
							 a un servicio de web hosting. Este servicio implica el alquiler de un espacio en el disco r&iacute;gido de un servidor conectado 
							directamente a Internet. Trabajamos con proveedores equipados con tecnolog&iacute;a de &uacute;ltima generaci&oacute;n, 
							asegurando un alto nivel de rendimiento.
							</br> Un dominio es un nombre que se vincula a una direcci&oacute;n f&iacute;sica que generalmente es una computadora o dispositivo 
							electr&oacute;nico. Se utilizan para representar las direcciones de las p&aacute;ginas web. Nos encargamos de realizar la obtenci&oacute;n,
							configuraci&oacute;n y toda la gesti&oacute;n necesaria para obtener el nombre de dominio adecuado para su negocio.
						</p>
					</div>
				</div>

				<div id="posicionamiento" class="mfp-hide small-dialog1">
					<div class="pop_up">
						<h2>Posicionamiento Web</h2>
						<img src="images/posicionamiento.png" alt="Posicionamiento web"/>
						<p class="para">El posicionamiento en buscadores u optimizaci&oacute;n en motores de b&uacute;squeda es el proceso de mejorar 
							la visibilidad de un sitio web en los resultados de los diferentes buscadores.
							</br>El objetivo es aparecer en las posiciones m&aacute;s altas posibles de los resultados de b&uacute;squedas para una o 
							varias palabras claves concretas. Nos encargamos de estructurar la p&aacute;gina o sitio web y su contenido, aplicando 
							diversas t&eacute;cnicas para aumentar la notoriedad de la web.
						</p>
					</div>
				</div>

				<div id="fotografia" class="mfp-hide small-dialog1">
					<div class="pop_up">
						<h2>Fotograf&iacute;a Digital Web</h2>
						<img src="images/fotografia.png" alt="Fotograf&iacute;a digital web"/>
						<p class="para">Ofrecemos un servicio b&aacute;sico integral de Fotograf&iacute;a Digital como complemento para el
							desarrollo de sistemas o sitios web. 
							</br>Incluye la preparaci&oacute;n de sesiones fotogr&aacute;ficas, edici&oacute;n y adaptaci&oacute;n de las 
							im&aacute;genes seg&uacute;n se requiera para su uso en la web, asesoramiento general en la definici&oacute;n 
							y elecci&oacute;n de los recursos a utilizar, con el objetivo de crear presentaciones atractivas para cat&aacute;logos, 
							galer&iacute;as y dem&aacute;s secciones del sitio.
						</p>
					</div>
				</div>

				<div id="mantenimiento" class="mfp-hide small-dialog1">
					<div class="pop_up">
						<h2>Mantenimiento de Software</h2>
						<img src="images/mantenimiento.png" alt="Desarrollo y construcci&oacute;n de Software"/>
						<p class="para">El mantenimiento de software es la modificaci&oacute;n de un producto de software despu&eacute;s de 
							la entrega, para corregir errores, mejorar el rendimiento o agregar prestaciones.
							</br>Analizamos los requerimientos y necesidades de mantenimiento planteados, para evaluar la factibilidad de la 
							incorporaci&oacute;n de las modificaciones y actualizaciones requeridas y proponer soluciones acordes.
						</p>
					</div>
				</div>

				<div id="asesoramiento" class="mfp-hide small-dialog1">
					<div class="pop_up">
						<h2>Asesoramiento en Software</h2>
						<img src="images/asesoramiento.png" alt="Asesoramiento en Software"/>
						<p class="para">Estamos a disposici&oacute;n para prestarle atenci&oacute;n personalizada, asesor&aacute;ndolo y brind&aacute;ndole 
							soporte en todas las cuestiones relacionadas con el software de su empresa.
						</p>
					</div>
				</div>
				<!--end-mfp -->

				<!--start-content-->
				<div class="gallery">
					<div class="clear"> </div>
					<div class="container">
						<h2>Servicios</h2>
						<p>Somos un equipo de trabajo capacitado para ofrecerte soluciones y alternativas en los siguientes aspectos:</p>
						<div id="portfoliolist">
							<div class="portfolio logo" data-cat="logo">
								<div class="portfolio-wrapper">				
									<a class="popup-with-zoom-anim" href="#construccion">
										<ul class="ch-grid">
											<li>
												<div class="ch-item ch-construccion">
													<div class="ch-info">
														<img src="images/zoom-white.png"/>
														<h3>Desarrollo de Software</h3>
													</div>
												</div>
											</li>
										</ul>
									</a>
								</div>
							</div>		
				
							<div class="portfolio app" data-cat="app">
								<div class="portfolio-wrapper">			
									<a class="popup-with-zoom-anim" href="#desarrollo-web">
										<ul class="ch-grid">
											<li>
												<div class="ch-item ch-nube">
													<div class="ch-info">
														<img src="images/zoom-white.png"/>
														<h3>Desarrollo Web</h3>
													</div>
												</div>
											</li>
										</ul>
									</a>
								</div>
							</div>	
							<div class="hide">	
								<div class="portfolio web" data-cat="web">
									<div class="portfolio-wrapper">						
										<a class="popup-with-zoom-anim" href="#bintelligence">
											<ul class="ch-grid">
												<li>
													<div class="ch-item ch-bintelligence">
														<div class="ch-info">
															<img src="images/zoom-white.png"/>
															<h3>Business Intelligence</h3>
														</div>
													</div>
												</li>
											</ul>
										</a>
									</div>
								</div>	
							</div>
			
							<div class="portfolio card" data-cat="card">
								<div class="portfolio-wrapper">			
									<a class="popup-with-zoom-anim" href="#hosting">
										<ul class="ch-grid">
											<li>
												<div class="ch-item ch-hosting">
													<div class="ch-info">
														<img src="images/zoom-white.png"/>
														<h3>Servicios de Hosting y Dominio</h3>
													</div>
												</div>
											</li>
										</ul>
									</a>
								</div>
							</div>	

							

							<div class="hide">
								<div class="portfolio card" data-cat="card">
									<div class="portfolio-wrapper">			
										<a class="popup-with-zoom-anim" href="#posicionamiento">
											<ul class="ch-grid">
												<li>
													<div class="ch-item ch-posicionamiento">
														<div class="ch-info">
															<img src="images/zoom-white.png"/>
															<h3>Posicionamiento Web</h3>
														</div>
													</div>
												</li>
											</ul>
										</a>
									</div>
								</div>	
							</div>
						<div>
						<div class="portfolio card" data-cat="card">
							<div class="portfolio-wrapper">			
								<a class="popup-with-zoom-anim" href="#fotografia">
									<ul class="ch-grid">
										<li>
											<div class="ch-item ch-fotografia">
												<div class="ch-info">
													<img src="images/zoom-white.png"/>
													<h3>Fotograf&iacute;a Web</h3>
												</div>
											</div>
										</li>
									</ul>
								</a>
							</div>
						</div>
					</div>
				<div>
			<div class="portfolio logo" data-cat="logo" id="hide">
				<div class="portfolio-wrapper">			
					<a class="popup-with-zoom-anim" href="#mantenimiento">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-mantenimiento">
									<div class="ch-info">
										<img src="images/zoom-white.png"/>
										<h3>Mantenimiento de Software</h3>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>

			<div class="portfolio logo" data-cat="logo" id="hide">
				<div class="portfolio-wrapper">			
					<a class="popup-with-zoom-anim" href="#asesoramiento">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-asesoramiento">
									<div class="ch-info">
										<img src="images/zoom-white.png"/>
										<h3>Asesoramiento en Software</h3>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>																																				
		</div>
		</div>
	</div><!-- container -->
	<script type="text/javascript" src="js/fliplightbox.min.js"></script>
	<script type="text/javascript">$('body').flipLightBox()</script>
	<div class="clear"> </div>
	</div>
	</div>
	</div>
</div>
<!--End-gallery-->
<!--start-about-->
<div class="about" id="about">
	<div class="wrap">
	<h2>Empresa</h2>
	
	<p>In alta, “en lo alto” en italiano. Crecimiento, libertad, búsqueda de aquello que permita mantenerse en la cima.</br>
		Eso es justamente lo que ofrecemos a nuestros clientes, a través de productos y soluciones que les permitan evolucionar en pos de crecimiento constante.</p>
		<div class="about-grids">
			<div class="grid">
				<div class="dc_zoom_css">
				<img class="post-person" src="images/nena-et.png">
				</div>
				<div class="desc">
					<h3>Estefan&iacute;a Tosoratti</h3>
					<h4>Ingeniera en Sistemas de Informaci&oacute;n</h4>
					<p> </br>
						<i class="fa fa-angle-right"></i> Desarrollo de P&aacute;ginas Web</br>
					 	<i class="fa fa-angle-right"></i> &Aacute;rea de Calidad y Testing</p>
				</div>
		
			</div>
			<div class="grid">
				<div class="dc_zoom_css">
				<img class="post-person" src="images/nena-nanu.png">
				</div>
				<div class="desc">
					<h3>Mar&iacute;a Bel&eacute;n Bonino</h3>
					<h4>Ingeniera en Sistemas de Informaci&oacute;n</h4>
					<p>	<i class="fa fa-angle-right"></i> L&iacute;der de proyectos</br>
						<i class="fa fa-angle-right"></i> Desarrollo de Sistemas de Software y Sitios Web</p>
				</div>
			</div>
			<div class="grid">
				<div class="dc_zoom_css">
				<img class="post-person" src="images/nena-mica.png">
				</div>
				<div class="desc">
					<h3>Micaela Mulassano</h3>
					<h4>Ingeniera en Sistemas de Informaci&oacute;n</h4>
					<p>	<i class="fa fa-angle-right"></i> Implementaci&oacute;n de soluciones de Business Intelligence</br>
						<i class="fa fa-angle-right"></i> Desarrollo de Sistemas de Software</p>
				</div>
			</div>
			<div class="clear"> </div>
		</div>
	</div>
</div>
<!--end-about-->
<div class="contact" id="contact">
	<div class="wrap">
		<h2>Contacto</h2>
		<h4>Estamos a la espera de sus consultas, dudas o sugerencias. </br>¡Gracias por contactarse con nosotros!</h4>
		<div class="section group">
			  <div class="col span_2_of_3">
				  <div class="contact-form">
				  	<div id='resultado_envio'></div>
				  	  <form id='form_contacto' method="post" action="contactar.php">
					    		<input type="text" required placeholder='Nombre' name='txt_nombre' title="Nombre" class="textbox" >
						    	<input type="email" required placeholder='E-mail' name='txt_email' title="E-mail" class="textbox" >
						    	<div class="clear"> </div>
						   
						    <div>
						    	<textarea name = 'txt_mensaje' required placeholder='Mensaje'  title="Mensaje"></textarea>
						    </div>
						  <span><input type="button" class="" value="Enviar" onclick='enviar_mail_contacto(this.form.id)'></span>
						  <div class="clear"></div>
					    </form>
				  </div>
  				</div>
				<div class="col span_1_of_3">
					<div class="company_address">
				     	<h5>INFORMACI&Oacute;N</h5>
						<ul class="list3">
							<li>
								<div class="extra-wrap">
								  <p><i class="fa fa-map-marker"></i> Libertador (N) 1291, Dpto. 2. </br>
								  		San Francisco, C&oacute;rdoba (2400)</p>
								</div>
								<div class="clear"> </div>
							</li>

							<!--
							<li>
								<div class="extra-wrap">
								  <p><i class="fa fa-phone"></i> 03564 - </p>
								</div>
								<div class="clear"> </div>
							</li>
							-->
							
							<li>
								<div class="extra-wrap">
									<p><i class="fa fa-envelope-o"></i> <a href="mailto:info@inalta.com.ar"> info@inalta.com.ar</a></p>
								</div>
								<div class="clear"> </div>
							</li>
						</ul>
				   </div>
				 </div>
				 <div class="clear"></div>
			  </div>
			  </div>
     	</div>
    <footer>
    <div class="footer-bottom">
     	<div class="wrap">
	        <div class="copy">
			    <p class="copy"><i class="fa fa-copyright"></i> 2015 por <a href="http://www.inalta.com.ar" target="_blank">Inalta</a></p>
			</div>
			<script type="text/javascript">
								$(document).ready(function() {
									
									var defaults = {
							  			containerID: 'toTop', // fading element id
										containerHoverID: 'toTopHover', // fading element hover id
										scrollSpeed: 1200,
										easingType: 'linear' 
							 		};
									
									
									$().UItoTop({ easingType: 'easeOutQuart' });
									
								});
							</script>
			 <a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"> </span></a>
			 <script src="js/jquery.scrollTo.js"></script>
		</div>
	</div>
	</footer>
</body>
</html>